

.signin-main{
    width:100%;
    height:100%;
    // background-image: url(http://data.1000phone.net/static/img/login-bgimg.105cd7b.jpg) ;
    background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1593783862019&di=e81d932fe1dbfd06e121483b8b08b7dc&imgtype=0&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farticle%2Fd7c207d995d6d3727675c0762311e533c6ea5ee9.jpg) ;
    
    // background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1593783694012&di=3a6d62295c649f495af8ff9638b5bd89&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201408%2F15%2F20140815210748_ihZ5T.png) ;
    background-size: 120% 100%; 
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
    position: relative;
    animation: move 20s linear infinite;
    -webkit-animation: move 20s linear infinite;
    &-box{
        width:420px;
        height:320px;
        border-radius: 10px;
        position: absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        margin:auto;
        background: hsla(0,0%,100%,0.8);
        box-shadow: 5px 5px 16px rgba(255,255,255,0.2), -5px -5px 16px rgba(255,255,255,0.2);
    }

    .back-in-left{
        animation: backInLeft .8s;
    }
}

@keyframes move {
    0% {
        background-position: -100px 0; 
    }
    50%{
        background-position: 0 0;
    }
    100%{
        background-position: -100px 0; 
    }
}

.ant-tabs-nav-wrap{
    padding:0 50px;
    .ant-tabs-nav-list{
        width:100%;
        .ant-tabs-tab{
            flex:1;
            display: flex;
            justify-content: center;
            margin:0;
        }
        .ant-tabs-tab-active{
            color:#0f0;
            border-color:#0f0;
        }
    }
}